
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>我的社区</title>
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/my_v1.css">
    <script src="js/jquery-1.11.2.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/my.js"></script>
</head>
<body style="background-color: #f8f8f8;">
    <div class="container-fluid">
        <div class="row auction_title">
            <div class="col-xs-2">
                <i class="icon-angle-left icon-3x"></i>
            </div>
            <div class="col-xs-8 pt10 plr0 text-center">
                <span class="fs16">晒好物</span>
            </div>
            <div class="col-xs-2 pt10 plr0 text-center">
                <span>发布</span>
            </div>
        </div>
        <div class="row white_bg">
            <div class="col-xs-12 ptb10 bdb">
                <div class="col-xs-3 plr0">
                    <img width="73" src="images/pic_01.png" class="img-responsive">
                </div>
                <div class="col-xs-7 pr0 pt10 fs16">
                    <p>翡翠手串和田玉</p>
                    <p class="orange">￥<span class="fs18">350</span></p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 pr7 ptb10 gray">
            	<textarea name="title" maxlength="1000" onkeyup="javascript:setShowLength(this, 1000, 'goodsIntroduce_word');" rows="1" class="form-control gray_bg_init bdn" id="goodsIntroduce" placeholder="分享您的购物使用心得吧（8~1000字）"></textarea>
            </div>
            <div class="col-xs-12 pr7 pb10">
                <div class="col-xs-4 pl7 pt5">
                    <div class="col-xs-12 plr0 pos-r">
                        <input type="file" class="form-control fileUp" id="backdrop" />
                        <div class="col-xs-12 plr0">
                            <img src="images/picture.png" class="img-responsive">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 h50"></div>
    </div>
    <div class="fixed_topic pt15 pr7">
        <label for="sharecsbx" class="col-xs-10" style="display: block;">
            <div class="fs16">分享到彩色宝石</div>
        </label>
        <input type="checkbox" class="pull-right" id="sharecsbx" checked="checked">
    </div>
    <script>
        function setShowLength(obj, maxlength, id) { 
            var rem = maxlength - obj.value.length; 
            var wid = id; 
            if (rem < 0){ 
                rem = 0; 
            } 
            document.getElementById(wid).innerHTML = "还可以输入" + rem + "字数"; 
        }
    </script>
</body>
</html>